/*
 * Copyright 2024 Harness, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.pageBody {
  --page-header-height: 0px;
}

.stepGridContainer {
  display: grid;
  grid-template-columns: max-content auto;
  gap: var(--spacing-medium);
  align-items: center;

  .label {
    text-transform: uppercase;
    color: var(--primary-7) !important;
  }

  .generateTokenBtn {
    padding: 0px !important;
  }
}

.titleContainer {
  position: sticky;
  top: 0px;
  z-index: 10;
  background-color: var(--grey-0) !important;
  padding-left: var(--spacing-xxlarge) !important;
  padding-right: var(--spacing-xxlarge) !important;
  padding-top: var(--spacing-xxlarge) !important;
  padding-bottom: var(--spacing-medium) !important;
  border-bottom: 1px solid var(--grey-200) !important;
}

.contentContainer {
  padding-left: var(--spacing-xxlarge) !important;
  padding-right: var(--spacing-xxlarge) !important;
  padding-top: 0px !important;
  padding-bottom: var(--spacing-xxlarge) !important;
}

.tabsContainer {
  & > :global(.bp3-tabs > .bp3-tab-list) {
    border-bottom: 1px solid var(--grey-200);
  }
}
